<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
    <title>Twitter Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/base.css" rel="stylesheet">
   
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<header id="header">
  <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="#">s-p-design</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">文件 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">新建设计稿</a></li>
                <li class="divider"></li>
                <li class="nav-header">存储</li>
                <li><a href="#">保存</a></li>
                <li class="divider"></li>
                <li><a href="#">导出png</a></li>
                <li><a href="#">打印</a></li>
                <li><a href="#">退出</a></li>
              </ul>
            </li>
             <li class="divider-vertical"></li>
            <li><a href="#">编辑</a></li>
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">注册</a></li>
                <li><a href="#">帮助</a></li>
                <li><a href="#">关于我们</a></li>
              </ul>
            </li>
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">打开文件<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">文件一</a></li>
                <li><a href="#">文件一</a></li>
                <li><a href="#">文件一</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-search pull-left" action="">
            <input type="text" class="search-query span2" placeholder="Search">
          </form>
          <ul class="nav pull-right">
            <li><a href="#">石头锤子</a></li>
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">账户 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">管理</a></li>
                <li><a href="#">退出</a></li>
                <li><a href="#">账户信息</a></li>
                <li class="divider"></li>
                <li><a href="#">剩余</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div>
</header>
<!-- 核心操作面板 -->
<section>
	<!-- 正在操作的画板 -->
	<div id="drawing-board">
		<div class="board" id="board1">
			<canvas id="board1-canvas1"></canvas>
		</div>
	</div>
	<!-- 正在操作的画板 /-->
	
	<!-- 尚未操作的画板 -->
	<div id="backup-board">
		<div class="board" id="board2"></div>
	</div>
	<!-- 尚未操作的画板  /-->
</section>
<!-- 核心操作面板  /-->


<!-- 尾部声明 -->
<footer class="footer">
     <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
</footer>
<!-- 尾部声明  /-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/component..js"></script>
<script type="text/javascript" src="js/base.js"></script>

</body>
</html>